iT邦幫忙

DAY 11
0

只是路過 HTML5 系列 第 11

HTML Audio/Video Events(1)

  • 分享至 

  • xImage
  •  

參考: http://www.w3schools.com/tags/ref_av_dom.asp

HTML5 DOM 為 和 提供了Methods(方法)、Properties(屬性)、和Events(事件)。

今天來筆記事件吧!!!
分兩篇來說明:

abort 當media載入時,被異常中止觸發。
canplay 當瀏覽器可以開始播放media時觸發。
canplaythrough 當瀏覽器可以開始播放到結束,都不會因緩衝而停止觸發。
durationchange 當media總長度改變時觸發。
emptied 當播放列表為空時觸發。
ended 當media播放完停止時觸發。
error 當media載入時發生錯誤時觸發。
loadeddata 當media載入數據時觸發。
loadedmetadata 當收到meta data資訊時觸發。
loadstart 當開始查找media數據時觸發。
abort 當media載入時,被異常中止觸發。

canplay 當瀏覽器可以開始播放media時觸發。

testVid1=document.getElementById("video1");
testVid1.oncanplay=alert("Can start playing video");

canplaythrough 當瀏覽器可以開始播放到結束,都不會因緩衝而停止觸發。

testVid1=document.getElementById("video1");
testVid1.oncanplaythrough=alert("Can play through video without stopping");

durationchange 當media總長度改變時觸發。

testVid1=document.getElementById("video1");
testVid1.ondurationchange=alert("The video duration has changed");

emptied 當播放列表為空時觸發。
ended 當media播放完停止時觸發。
error 當media載入時發生錯誤時觸發。
loadeddata 當media載入數據時觸發。

testVid1=document.getElementById("video1");
testVid1.onloadeddata=alert("Browser has loaded the current frame");

loadedmetadata 當收到metadata資訊時觸發。
*metadata是什麼?
元數據(Metadata),又稱元資料、中介資料,為描述數據的數據(data about data),主要是描述數據屬性(property)的資訊 from wiki
這裡指的是播放總時間長度,解析度,字幕等資料。

testVid1=document.getElementById("video1");
testVid1.onloadedmetadata=alert("Meta data for video loaded");

loadstart 當開始查找media數據時觸發。

testVid1=document.getElementById("video1");
testVid1.onloadstart=alert("Starting to load video");

今日筆記心得:

參加鐵人賽,整個就是很衝動。
其實來不及消化,都還在學習中。
我分享筆記的內容很容易鬆散沒有重點,缺乏組織;
似乎極少參考價值><

如果要說明我和程式語言的關係
大概可以簡單擬定一個故事來理解

原本我是設計餐廳dm的視覺設計師, 突然有一天要我當廚師。

雖然很錯愕~但是我很愛吃,所以也沒拒絕…

但我連食材 菜名 做法都不懂…

所以就開始了血與淚的旅程…

學習過程跌跌撞撞,從零開始的過程; 只是想替自己做點記錄啦~(好不負責><)
糟了~快變成人生誌了
我只是看到很多厲害的邦友寫的文章都覺得超佩服!!!!
忍不住嘮叨了起來
和大家多多學習!!!請見諒~

祝假日愉快!!!(美好的假日對鐵人賽來說,似乎真是個美麗又危險的陷阱啊)


上一篇
HTML Audio/Video Properties(4)
下一篇
HTML Audio/Video Events(2)
系列文
只是路過 HTML5 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言